/**
 * Created by Administrator on 2015/6/23.
 */

(function(){


var currentidx
function extracted(idx,node){
    $("#photo").attr({"src": "photo/"+(idx+1)+".jpg"});
    if($(this).hasClass("pt")){
        $("#photo").removeClass("photols");
        $("#photo").addClass("photopt");
    }else{
        $("#photo").removeClass("photopt");
        $("#photo").addClass("photols");
    }
}

$(document).ready(function(){
    for(var i=1;i<=30;i++){
        var node=$("<div class='box'><img src='photo/thumb/"+i+".jpg'></div>");
        $("body").append(node);

    }
    $("img").not(".shadow img").click(function(){
        var idx=$("img").not(".shadow img").index(this);
        extracted(idx,$(this));
        $(".shadow").show();
        currentidx=idx;
    });



    $("#shadow-img").click(function(){
        $(".shadow").hide("slow");
    });

    $("#nav-a").click(function(){
        currentidx=(currentidx+29)%30;
        extracted(currentidx,$("img").not(".shadow img").eq(currentidx));

    });
    $("#next").click(function(){
        currentidx=(currentidx+1)%30;
        extracted(currentidx,$("img").not(".shadow img").eq(currentidx));

    });


});
$(window).load(function(){
    var imgs=$("img").not(".shadow img");
    for(var i=0;i<imgs.length;i++){
        var h=imgs.eq(i).height();
        var w=imgs.eq(i).width();

        //  console.log($("img").length + ":" + $("img").size() + ":" + h + ":" + w);
        console.log(h+":"+w);
        if(h>w){
            $(".box").eq(i).addClass("pt");


        }else{
            $(".box").eq(i).addClass("ls");

        }
    }
});


})() ;

